<template>
  <div id="gongGao">
    <div
      class="item "
      v-for="(item, index) in list"
      :key="index"
      :style="{ marginTop: index ? '0.1rem' : '' }"
    >
      <div class="d-flex pt-2 pl-2">
        <span style="color: #5cd9e8">
          <icon name="align-left" width="0.3rem" height="0.3rem"></icon>
        </span>
        <div class="d-flex" style="position: relative; width: 100%">
          <span
            class="fs-xl text mx-2"
            style="line-height: 0.3rem; font-size: 0.2rem"
            >{{ item.title }}</span
          >
          <!--<dv-decoration-1 style="width:1.25rem;height:.3rem; position:relative;top:-.0375rem;position: absolute;right:0.2rem" />-->
        </div>
      </div>
      <div class="content">
        {{ item.content }}
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: [

        {
          title: "领导重要批示",
        //   content: `进一步贯彻习近平总书记重要指示和国务院领导
        // 同志批示精神，要上足人员力量、加密巡检频次，
        // 发生险情及时处理、及时报告、及时预警，迅速
        // 采取有效措施。`,
          content: `目前攀枝花市已进入主汛期，降雨较多，要加强原水管道设备及沿线隧洞、桥梁、支架、
          边坡挡墙等设施的巡查维护，发现问题迅速处理，
          确保汛期原水系统供水安全。`,
        },
        {
          title: "主要工作",
          content: ` 1.督促施工单位完成完工资料。
             2.督促各施工单位加快工程进度，保证工程工期。
             3.建立“安全生产备案，日常安全巡查，定期技术巡查、核查，组织执法查处”等链条清晰、
            分工明确的工作流程;`,
        },
      ],
    };
  },
  components: {},
  mounted() {},
  methods: {},
};
</script>

<style lang="scss" scoped="">
#gongGao {
  margin: 0.2rem 0.2rem 0 0.2rem;
  height: 5.3625rem;
  .item {
    height: 2.63125rem;
    color: white;
  margin-top: 0.4rem;
  margin-bottom: 0.2rem;

    .content {
      padding: 0.3rem 0.25rem;
      font-size: 0.17rem;
      line-height: 0.3rem;
      color: white;
      height: 2.275rem;
      word-break: break-all;
      text-overflow: ellipsis;
      overflow: hidden;
      // display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
  }
}
</style>